<template>
  <div>
    <div class="container">

		<p style="margin-top:5rem;font-size:16px;">ONE PERSON ONE ZONE</p>
		<p style="font-size:16px;">一区一人</p>

    <img style="margin:5rem 0;width:100%;" src="../../static/img/rule/rule-1.jpg" alt="">  
    <p>为新时代女性 严选北欧极简成分的高品质产品;</p>
    <br>
    <p>为新时代女性 构建生活一百米内的商业机会;</p>
    <br>
    <p>为新时代女性 打造社区立体化消费的高品质体验;</p>
    <br>
    <p>为新时代女性 提供北欧极简美学的生活方式。</p>
    <br><br><br>
    <p>好区多围绕“解决、解除、解放”三个重点为运营策略</p>
    <br><br><br>
    <p style="font-size:22px;color:#6b8e87">01</p>
    <p style="font-size:14px;">解决</p>
    <p>依托个性化数据体系，立体化线上线下运营渠道，打造社 区新零售商业模式，降低消费者货币、时间成本，解决运营者如 何将服务、产品价值最大化的困扰;</p>
    <br><br><br>
    <p style="font-size:22px;color:#6b8e87">02</p>
    <p style="font-size:14px;">解除</p>
    <p>全体系服务消费人群结构(包含以女性、婴童、特殊敏感 人群)，严苛精选的细分产品，为不同肌肤提供良好有效的品质 体验，解除运营者在消费人群的单一化、产品同志化的思考;</p>
    <br><br><br>
    <p style="font-size:22px;color:#6b8e87">03</p>
    <p style="font-size:14px;">解放</p>
    <p>精细的产品匹配品牌化管理体系，售前、售中、售后标准 运营管理模式，立体化线上线下运营渠道，解放传统运营者在商 业服务体系的扁平化、消费场景的局限性。</p>
    <br><br><br>

    <p style="margin: 5rem 0;"> <span> <router-link style="color: #6b8e87;" :to="{ path: '/', query: {}}">← BACK TO HOME</router-link></span></p> 

    </div>
    <!-- foot -->
    <Footer/>

  </div>
</template>

<script>
import Footer from '../components/Footer.vue'

export default {
  components: {
    Footer
  },
  data () {
    return {
      form: {"username":"","password":"","gvcode":"","smscode":""},
      lslogin: 0,
      token: '',
      userinfo: {},
      nowIndex: [],
      moreIndex: []
    }
  },
  created() {
    window.scrollTo(0,0);
  },
  methods: {
    toTop() {
      window.scrollTo(0,0);
    },
    loginout() {
      localStorage.removeItem('token')
      // go(0)有兼容问题
      // this.$router.go(0)
      location.reload()
    },
    go () {
      this.$router.push('/moreindex')
    },
    openurl(url) {
      window.open(url+'?track=07ge.com')
    },
  // 注册
  getSite() {
    // this.$axios.get('/website/siteList').then(({status,data})=>{
    //     if(status===200){
    //       if(data&&data.code === 1){
    //         console.log('this.middleList', data.data.favorite)
    //         this.middleList = data.data.favorite
    //       } else if(data&&data.code === 0) {
    //         this.middleList = data.data
    //       } else {
    //       }
    //     }else{
    //       this.error=`服务器出错`
    //     }
    //   })
    }
  }  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  /* color: #42b983; */
  text-decoration:none
}
.card {
   height:170px;
   margin-bottom:2rem;
   .card-body {
     .des {
      //  height:25px;
       font-size: 10px;
       color: #bbb;
       margin: 20px 0;
     }
     .com {
       font-size: 10px;
      //  margin: 10px;
     }
   }
}
.nav-link.active {
  background-color: #409eff;
}
.logo {
  margin-top: 8rem;
  width:40%;
  max-width:300px
}

.navcu {
  padding-top: 5rem;
}

.navcu>p>span {
  /* background-color: #6b8e87; */
  color: #6b8e87;
  padding: 0.5rem 1rem;
}
.navcu>p>span>a {
  font-size: 14px;
  color: #6b8e87;
  border-bottom: 1px solid #6b8e87;
  padding-bottom: 3px;
}
.des {
  color: #888;
  font-size: 12px;
}
.arrow {
  margin-top: 8rem;
  width: 1.5rem;
  max-width:300px
}
.fl {
  display: flex;
  align-items: center;
  p {
    flex: 1;
  }
}
.imgG{
  width:80%;
  max-width:300px;
}
.imgA{
  width:45%;
  max-width:300px;
}
.imgB{
  padding-top: 4rem;
  width:30%;
  max-width:150px;
}
.nav2 {
  padding-top: 3rem;
}

.nav2>p>span {
  background-color: #6b8e87;
  color: #fff;
  padding: 0.5rem 1rem;
}
.nav2>p>span>a {
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
}
.join{
  margin: 1rem 0;
  padding: 10%;
  font-size: 14px;
  color: #6b8e87;
}
</style>
